<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>kaoqin.scss</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            kaoqin.scss
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/ems_app/store_staff_events/kaoqin.scss
                
            </li>
            <li>Last modified: 2017-02-22 17:27:55 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.text-align-left {</p>

<pre><code>text-align: left !important;</code></pre>

<p>}</p>

<p>.text-align-right {</p>

<pre><code>text-align: right !important;</code></pre>

<p>}</p>

<p>.text-align-center {</p>

<pre><code>text-align: center !important;</code></pre>

<p>}</p>

<p>.attendance_reward_punishment{</p>

<pre><code>ul.option_nav{
  width:100%;
  padding:5px 0;
  height:25px; line-height:25px;
  border-bottom:1px solid #d9d9d9;
  li{
    float:left;
    width:100px;
    input{ margin-left:8px; }
  }
}
.forms{
  width:50%;
  margin-top:15px;
  p{
    width:100%;
    text-align:center;
    height:35px; line-height:35px;
    background:#7c7c7c; color:#fff;
    font-size:14px;
  }

  table{
    width:100%;
    thead{
      tr{
        height:32px;
        th{
          border:1px solid #d9d9d9;
          border-bottom:none;
          &amp;:nth-child(odd){ width:12%;}
          &amp;:nth-child(even){ width:21%; font-weight:100;}
        }
      }
    }
    tbody.attendance{
      tr{
        th{ width:12%;}
        th,td{
          padding:0;
          border:1px solid #d9d9d9;
          input[type=&quot;date&quot;]{ height:25px; line-height:25px; border:1px solid #d9d9d9;}
          &amp;&gt;textarea{ width:93%;height:130px;margin:10px 0 10px 20px; border:none; outline:none; padding-top:10px; text-indent:10px;
            &amp;:hover{
              outline:1px solid #d9d9d9;
            }
          }
          &amp;&gt;div{ height:25px; line-height:25px; margin-bottom:5px;}
          ul{
            width:85%;
            margin:0 auto;
            height:120px;
            padding-top:50px;
            li{
              height:50px; //line-height:50px;
              label{
                width:120px; text-align:right; cursor:pointer;
                input{ margin-right:20px;}
              }
              span{ display:inline-block; width:75px; text-align:right; margin-right:8px;}
            }
          }
        }
        &amp;:first-child{
          label{
            &amp;:first-child{ margin-left:20px; }
            height:40px; line-height:40px; width:10%; cursor:pointer;
          }
        }
        &amp;:nth-child(2){
          height:50px;
          label{ margin-right:8px;}
        }
      }
    }
    tbody.reward,tbody.punishment{
      display:none;
      tr{
        height:40px;
        th,td{
          padding:0;
          border:1px solid #d9d9d9;
          &amp;&gt;textarea{ width:93%;margin:10px 0 10px 20px; padding-top:10px; border:none; outline:none; text-indent:10px;
            &amp;:hover{
              outline:1px solid #d9d9d9;
            }
          }
          &amp;&gt;div{ height:25px; line-height:25px; margin-bottom:5px;}
        }
        th{
          &amp;:nth-child(1){ width:12.2%; }
          &amp;.dealing{ text-align:left; text-indent:28px;}
        }
        td{
          &amp;:nth-child(2){ width:33.3%; }
          input[type=&quot;checkbox&quot;]{ vertical-align:middle;}
        }
        &amp;:nth-child(2){
          label{ width:22%; height:50px; line-height:50px;}
        }
        &amp;.reward{
          ul{
            height:220px;
            padding-top:30px;
            li{
              height:80px; line-height:80px; text-indent:30px;
              span{ display:inline-block; width:80px;}
              input{ margin-right:10px;}
            }
          }
        }
      }
    }
    tbody.punishment{
      tr{
        &amp;:nth-child(2){
          label{ width:45%; height:50px; line-height:50px; text-align:center;}
        }
        &amp;.punish{
          height:190px;
          ul{
            height:190px;
            padding-top:10px;
            li{
              height:80px; line-height:80px; text-indent:30px;
              span{ display:inline-block; width:80px;}
              input{ margin-right:10px;}
            }
          }
        }
        &amp;:nth-child(6){
          ul{
            height:50px; line-height:50px;
            width:80%; margin: 0 auto;
            li{ float:left; width:20%;}
          }
        }
      }
    }
  }
  div.btn_group{
    width:50%;
  }
}</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
